body {
	/*background: url(../image/background.png) fixed 50% no-repeat white;*/
	font-family: Helvetica;
	background: linear-gradient(bottom, #e7e8e9 0%, #dfe0e1 100%);
	background: -o-linear-gradient(bottom, #e7e8e9 0%, #dfe0e1 100%);
	background: -moz-linear-gradient(bottom, #e7e8e9 0%, #dfe0e1 100%);
	background: -webkit-linear-gradient(bottom, #e7e8e9 0%, #dfe0e1 100%);
	background: -ms-linear-gradient(bottom, #e7e8e9 0%, #dfe0e1 100%);
}

h2 {
	font-size: 72;
	color: #a6a6a6;
}

/*
nav {
	position: fixed;
	top: 10px;
	left: 10px;
}

nav a {
	color: #4889C2;
	font-weight: bold;
	text-decoration: none;
	opacity: .3;
	-moz-transition: all .4s;
}

nav a:hover {
	opacity: 1;
}

nav a.focus {
	opacity: 1;
}
*/

/* Login */

form {
	width: 280px;
	height: 140px;
	margin: 200px auto;
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0, .4); 
	text-align: center;
	padding-top: 1px;
}

form.register{																				
	height: 420px;
}

/* input fields */
form .text-field {																			
	border: 1px solid #a6a6a6;
	width: 230px;
	height: 40px;
	border-radius: 3px;
	margin-top: 10px;
	padding-left: 10px;
	color: #6c6c6c;
	background: #fcfcfc;
	outline: none;
}

form .text-field:focus {
	box-shadow: inset 0 0 2px rgba(0,0,0, .3);
	color: #a6a6a6;
	background: white;
}

/* Login button */

form .red-button {
	border-radius: 3px;
	border: 1px solid #972f22;
	box-shadow: inset 0 1px 0 #f08d8d;
	width: 242px;
	height: 40px;
	margin-top: 20px;
	
	background: linear-gradient(bottom, #aa3325 0%, #c53c2c 100%);
	background: -o-linear-gradient(bottom, #aa3325 0%, #c53c2c 100%);
	background: -moz-linear-gradient(bottom, #aa3325 0%, #c53c2c 100%);
	background: -webkit-linear-gradient(bottom, #aa3325 0%, #c53c2c 100%);
	background: -ms-linear-gradient(bottom, #aa3325 0%, #c53c2c 100%);
	
	cursor: pointer;
	color: white;
	font-weight: bold;
	text-shadow: 0 -1px 0 #972f22;
	
	font-size: 13px;
}

form .red-button:hover {
	background: linear-gradient(bottom, #cf3e2d 0%, #e74735 100%);
	background: -o-linear-gradient(bottom, #cf3e2d 0%, #e74735 100%);
	background: -moz-linear-gradient(bottom, #cf3e2d 0%, #e74735 100%);
	background: -webkit-linear-gradient(bottom, #cf3e2d 0%, #e74735 100%);
	background: -ms-linear-gradient(bottom, #cf3e2d 0%, #e74735 100%);
}

form .red-button:active {
	background: linear-gradient(bottom, #c53c2c 0%, #aa3325 100%);
	background: -o-linear-gradient(bottom, #c53c2c 0%, #aa3325 100%);
	background: -moz-linear-gradient(bottom, #c53c2c 0%, #aa3325 100%);
	background: -webkit-linear-gradient(bottom, #c53c2c 0%, #aa3325 100%);
	background: -ms-linear-gradient(bottom, #c53c2c 0%, #aa3325 100%);
	
	box-shadow: inset 0 0 2px rgba(0,0,0, .3), 0 1px 0 white;
}

form .blue-button {
	border-radius: 3px;
	border: 1px solid #336895;
	box-shadow: inset 0 1px 0 #8dc2f0;
	width: 242px;
	height: 40px;
	margin-top: 20px;
	
	background: linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -o-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -moz-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -webkit-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	background: -ms-linear-gradient(bottom, #4889C2 0%, #5BA7E9 100%);
	
	cursor: pointer;
	color: white;
	font-weight: bold;
	text-shadow: 0 -1px 0 #336895;
	
	font-size: 13px;
}

form .blue-button:hover {
	background: linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -o-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -moz-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -webkit-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
	background: -ms-linear-gradient(bottom, #5c96c9 0%, #6bafea 100%);
}

form .blue-button:active {
	background: linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -o-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -moz-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -webkit-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	background: -ms-linear-gradient(bottom, #5BA7E9 0%, #4889C2 100%);
	
	box-shadow: inset 0 0 2px rgba(0,0,0, .3), 0 1px 0 white;
}